<template>
	<div class="breaks">
		<div class="changeCar">
			<router-link to="/chooseCarsType" tag="p" id="selectCar">
				<span>爱车车型</span>
	            <i>选择</i>
			</router-link>
	        <!--<p id="selectCar">
	            <span>爱车车型</span>
	            <i>选择</i>
	        </p>-->
	    </div>
	</div>
</template>

<script>
	export default{
		watch:{
			to:function(val){
				
			}
		}
	}
</script>

<style scoped>
	.changeCar {
	    width: 100%;
	    height: 60px;
	    background: #fff;
	}
	.changeCar p {
	    padding: 0 10px;
	    height: 60px;
	    line-height: 60px;
	}
	.changeCar p span {
	    float: left;
	    width: 70%;
	    height: 60px;
	    margin-left: 2%;
	    color: #F9C755;
	    background: url(./qp_xcx0.png) no-repeat center left;
	    background-size: 30px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    overflow: hidden;
	    text-indent: 2em;
	}
	.changeCar p i {
    height: 60px;
    float: right;
    padding-right: 40px;
    background: url(./r_arrow.png) no-repeat 42px 18px;
}
</style>